<template>
  <div>
    <van-collapse v-model="activeNames">
      <van-collapse-item title="组织用户" name="1">
        <van-sidebar v-model="index" @change="change">
            <router-link :to="'/mycom'"><van-sidebar-item title="组织管理" /></router-link>
          
          <router-link :to="'/myuser'"><van-sidebar-item title="用户管理" /></router-link>
          <van-sidebar-item title="职务管理" />
          <van-sidebar-item title="岗位管理" />
        </van-sidebar>
      </van-collapse-item>
      <van-collapse-item title="菜单权限" name="2">
        <van-sidebar v-model="index" @change="change">
          <van-sidebar-item title="角色管理" />
          <van-sidebar-item title="角色授权" />
          <van-sidebar-item title="菜单管理" />
        </van-sidebar>
      </van-collapse-item>
      <van-collapse-item title="应用管理" name="3">
        <van-sidebar v-model="index" @change="change">
          <van-sidebar-item title="标签名1" />
          <van-sidebar-item title="标签名2" />
          <van-sidebar-item title="标签名3" />
        </van-sidebar>
      </van-collapse-item>
      <van-collapse-item title="配置管理" name="4">
        <van-sidebar v-model="index" @change="change">
          <van-sidebar-item title="标签名1" />
          <van-sidebar-item title="标签名2" />
          <van-sidebar-item title="标签名3" />
        </van-sidebar>
      </van-collapse-item>
      <van-collapse-item title="系统监控" name="5">
        <van-sidebar v-model="index" @change="change">
          <van-sidebar-item title="标签名1" />
          <van-sidebar-item title="标签名2" />
          <van-sidebar-item title="标签名3" />
        </van-sidebar>
      </van-collapse-item>
      <van-collapse-item title="系统工具" name="6">
        <van-sidebar v-model="index" @change="change">
          <van-sidebar-item title="标签名1" />
          <van-sidebar-item title="标签名2" />
          <van-sidebar-item title="标签名3" />
        </van-sidebar>
      </van-collapse-item>
    </van-collapse>
  </div>
</template>
<script>
// import {ref} from 'vue'
export default {
   name: "myleft",
  data(){
    return{
      index:0,
      activeNames:["1"]
    }
  },
  methods:{

  }

}
</script>

<style>

</style>